草庐IT

HTML5 新元素

全部标签

javascript - jQuery - 在 load() 之后向元素添加功能

我有一些代码可以从另一个文件加载一些html,它可以正常工作。但是我很难从这个新加载的数据中访问元素。我有这个代码:varwidgetSettings=$("").addClass("widgetsettings").load('dashboard/chart-settings-form.php#editChartForm');widgetSettings.appendTo(widget.element);//sofarsogood...widget.element.find('.date').each(function(i){$(this).datetimepicker();//th

javascript - 确定事件冒泡通过的元素

给定一个像这样的简化文档:如果我单击#theInput,单击事件将冒泡到#innerDiv,然后是#outerDiv。我想做的是在#outerDiv上放置一个处理程序来监听这些点击,然后检查“气泡链”以查看哪些元素之前收到了相同的点击事件。因此,例如,单击#theInput#outerDiv中的处理程序会给我[#outerDiv,#innerDiv,#theInput]。如果我在#theInput外部单击,但仍在#innerDiv内部,那么结果将是[#outerDiv,#innerDiv]需要澄清的是,实际文档并不像这样简单,每个级别可能有任意数量的子级或兄弟级。另外,当我提到#the

javascript - addEventListener 如何影响 DOM 元素的 onclick 属性?

element.onclick=function(){alert(1);}alert(element.onclick);上面的代码会输出function(){alert(1);}然后我继续执行下面的代码:element.addEventListener('click',function(){alert(2);},false);alert(element.onclick);输出仍然是function(){alert(1);}事实上,现在点击元素时,代码addEventListener('click',function(){alert(2);},false);有效,这意味着新函数alert

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 替换整个元素而不是 innerHTML?

我能做到:$('my-panel').innerHTML='Newcontent';但是如果有任何方法可以做类似的事情$('my-panel').wholeHTML="NewContent";我找不到任何方法。如果我做不到这样的事情,我将不得不重构一大堆东西,这会很耗时。 最佳答案 outerHTML怎么样,它包含'whole'标签:$('my-panel').outerHTML='Newcontent';http://jsfiddle.net/pimvdb/Sah2U/1/ 关于jav

javascript/jquery 选择父元素内的所有子元素

我有一堆在父div中唯一标识的子元素。我想知道jQuery(或javascript)是否有办法捕获所有这些?父div中的子级数量是任意的,这意味着每个div可以是任意数量。例如:sometextheresomeothertext...yetmoretextothertextidon'twanttoselectsometextsometext...sometext所以考虑到上面的例子,我如何在parent1类中获取所有子级(.child1到.child49)?我知道执行以下操作将在jQuery中起作用(使用多个选择器):$(".child1,.child2,...,.child49").

javascript - jQuery + 如何只选择每个元素的第一个实例?

以下面的html为例:Level1HeaderMySecondLevel1HeaderAndathirdforkicksLevel2Header2ndLevel2HeaderHereisaparagraph.Hereisaparagraphnumber2.Andparagraphnumber3.listitem1listitem2listitem3listitem4如何只选择每个元素的第一个实例?我希望隐藏所有元素,每个元素的“第一个”除外。提前致谢! 最佳答案 你应该能够做这样的事情:$('h1:first,h2:first,p:

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 在 html5 本地存储中存储音频文件 - 使用 javascript 下载音频文件

我搜索了一下,发现html5不支持直接存音频。我会将音频转换为base64字符串,然后存储在本地存储中。我正在使用jplayer开发一个html5音频播放器应用程序。我在服务器上有音频,我需要将它们存储在本地存储中,所以我需要用javascript下载音频文件。有没有办法用javascript下载音频文件?任何帮助将不胜感激。 最佳答案 本地存储的大小往往有限(5mb左右?找不到引用资料)所以这不太可能很好地工作。您也许可以查看使用HTML5AppCache或FilesystemAPI.

javascript - 使用子元素拖动父元素

我想制作类似导航栏的东西,它可以移动整个元素,而不允许拖动整个父元素上的任何地方来控制拖动。例如:content在标题栏上拖动会拖动它所在的整个窗口,但在窗口容器的其他地方拖动不会拖动窗口。我尝试使用dragresize但我不能用他的代码只制作可拖动(不想调整大小)的对象。 最佳答案 我一直在寻找类似的东西,但在jqueryui中,因为我已经在我的项目中使用它,所以如果你已经在使用JQUERYUI,你可以识别你想要拖动的句柄。这是一个工作示例:http://jsfiddle.net/VPMFs/.undraggable{height